import Parallax from "/@/views/parallax/index.vue";
import ParallaxText from "/@/views/parallax/text.vue";
import Underline from "/@/views/underline/index.vue";
import Mouse from "/@/views/mouse/index.vue";
import PictureFragmentation from "/@/views/picture/fragmentation.vue";
import uploadPercentage from "/@/views/upload/percentage.vue";
import animationDelay from "/@/views/animation/delay.vue";
import particleClocks from "/@/views/clocks/particle.vue";
import timeClocks from "/@/views/clocks/time.vue";
import starrySky from "/@/views/sassPage/starrySky.vue";
import rotateAlbum from "/@/views/sassPage/rotateAlbum.vue";
import dragForm from "/@/views/dragForm/index.vue";
export const pageList = [
  {
    path: "/parallax",
    name: "parallax",
    meta: {
      title: "视差滚动",
    },
    component: Parallax,
  },
  {
    path: "/parallax-text",
    name: "parallax-text",
    meta: {
      title: "文字视差效果",
    },
    component: ParallaxText,
  },
  {
    path: "/underline",
    name: "underline",
    meta: {
      title: "CSS下划线动画",
    },
    component: Underline,
  },
  {
    path: "/mouse",
    name: "mouse",
    meta: {
      title: "鼠标进入方向",
    },
    component: Mouse,
  },
  {
    path: "/picture_fragmentation",
    name: "picture_fragmentation",
    meta: {
      title: "图片碎片化展示",
    },
    component: PictureFragmentation,
  },
  {
    path: "/upload_percentage",
    name: "upload_percentage",
    meta: {
      title: "上传进度条",
    },
    component: uploadPercentage,
  },
  {
    path: "/animation_delay",
    name: "/animation_delay",
    meta: {
      title: "延时动画",
    },
    component: animationDelay,
  },
  {
    path: "/particle_clocks",
    name: "/particle_clocks",
    meta: {
      title: "粒子时钟",
    },
    component: particleClocks,
  },
  {
    path: "/time_clocks",
    name: "/time_clocks",
    meta: {
      title: "粒子时钟2",
    },
    component: timeClocks,
  },
  {
    path: "/starry_sky",
    name: "/starry_sky",
    meta: {
      title: "scss星空",
    },
    component: starrySky,
  },
  {
    path: "/rotate_album",
    name: "/rotate_album",
    meta: {
      title: "纯CSS3 3D旋转相册 支持投影和悬停高亮",
    },
    component: rotateAlbum,
  },
  {
    path: "/drag-form",
    name: "/drag-form",
    meta: {
      title: "拖拽表单",
    },
    component: dragForm,
  },
];
